@charset "utf-8";

.m-account-detail {
  padding: 1.5rem;

  .fullname {
    margin: 1rem 0 0;
  }

  .info {
    border-bottom: 1px dashed $colorLightGray;
    font-size: 1.2rem;
    line-height: 2;
    .period {
      float: left;
      color: $colorDarkGray;
      white-space: nowrap;
    }
    .username {
      float: right;
      span {
        color: $colorRed;
      }
    }
  }

  .price {
    font-size: 1.4rem;
    line-height: 2.6;
    .actual-price {
      float: left;
      color: $colorRed;
    }
    .market-price {
      float: right;
      color: $colorDarkGray;
      text-decoration: line-through;
    }
  }

  .complete {
    margin: 0 0 1rem;
    padding: 0;
    font-size: 1.4rem;
    list-style-type: none;
    line-height: 2.6;
    li {
      border-bottom: 1px dashed $colorLightGray;
      label {
        margin-right: 0.5rem;
      }
      span {
        color: $colorRed;
      }
    }
  }

  .label {
    color: $colorDarkGray;
    font-size: 1.2rem;
    margin: 0 0 1.5rem;
    padding: 0;
    list-style-type: none;
    li {
      float: left;
      margin-right: 0.8rem;
      margin-bottom: 0.8rem;
      padding-left: 1.6rem;
      padding-right: 0.5rem;
      border-right: 1px solid $colorLightGray;
      background: url("../static/img/baozhang@2x.png") 0 center no-repeat;
      background-size: 1.2rem auto;
      &:last-child {
        border-right: 0;
      }
    }
  }

  .regulation {
    margin-top: 1.5rem;

    h2 {
      margin: 0;
      font-size: 2.0rem;
    }

    p {
      margin: 1rem 0;
      font-size: 1.4rem;
    }
  }
}
